	<!-- 底部栏 -->
	<style>

		
		#bottom{background-image: linear-gradient(to right,#C63927, #FA842B);color: #;z-index: 21;border:0px;
		}
		#bottom div{color: #fff;}
		#msg_count{position: absolute;background-color:green;color: white;right:20px;top:-6px;width:20px;border-radius: 50%;}
	</style>
	<div id="bottom" class="row" >

		<div class="col text-center" id="to_home">
			<div><span class="bi-house-fill"> </span></div>
			<div>首页</div>
		</div>
		<div class="col text-center" id="shop_list">
			<div><span class="bi-shop"></span></div>
			<div>商家</div>
		</div>
		<div class="col text-center" id="to_cart">
			<div><span class="bi-cart"></span></div>
			<div>购物车</div>
		</div>
		<div class="col text-center" style="position:relative;" id="to_msg">
			<div id="msg_count" style="line-height: 20px;">2</div>
			<div><span class="bi-chat"> </span></div>
			<div>消息</div>
		</div>
		<div class="col text-center" id="to_me">
			<div><span class="bi-person-circle"></span></div>
			<div>我的</div>
		</div>
		
	</div>
	<script type="text/javascript">
		$(document).ready(function(){
		
			$("#to_home").on('click',function(e){
				location.href="/";
			})

			$("#shop_list").on('click',function(e){
				location.href="/dept/shop_list";
			})

			$("#to_cart").on('click',function(e){
				location.href="/cart/my_cart";
			})

			$("#to_msg").on('click',function(e){
				location.href="/msg/msg";
			})

			$("#to_me").on('click',function(e){
				location.href="/customer/aboutme";
			})			
								

		    //分组统计我的消息
		    function get_msg_group(){
		      $.post('/index.php/msg/msg_group',{},function(res){
		        res=JSON.parse(res);
		        //console.log(res);
		        if(res.code){
		        	$("#msg_count").text(res.msg);
		        }

		      })
		    }

		    //setInterval(function(){get_msg_group();},60000);
		    


		})
	</script>

